<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>快报</title>
    <link href="css/express.css" type="text/css" rel="stylesheet"/>
    <link href="dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script src="/js/jquery.js"></script>
    <script src="/js/layer.js"></script>

    <!--    添加vue和axios支持-->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
</head>

    <style type="text/css">

        .a {

            font-family: "微软雅黑";

            text-align: center;

            font-size: 36px;

        }



        .b {

            text-align: center;

            font-size: 36px;

        }



        body, td, th {

            font-family: "微软雅黑";

            text-align: center;

            font-size: 24px;

            color: #000000;

        }



        a:link {

            color: #000;

        }



        a:visited {

            color: #000;

        }



        a:hover {

            color: #000;

        }



        a:active {

            font-size: 14px;

            color: #000000;

        }



        body {

            background-color: #FEE100;

            font-size: 14px;

            margin-left: 0px;

            margin-top: 0px;

            margin-right: 0px;

            margin-bottom: 0px;

        / / background-image : url();

            background-repeat: repeat;

        }



        .d {

            color: #000;

            font-size: 24px;

        }



        #apDiv1 {

            position: absolute;

            width: 440px;

            height: 579px;

            z-index: 5;

            top: 16px;

            left: 309px;

            /* background-image: url(image/021/fm.jpg);*/

            visibility: inherit;

        }

        .aa {

            color: #000000;

        }

    </style>

</head>
<body>
<div th:insert="nav::header-nav"></div>
<div>
    <center>

        <img src="img/express_head.png" alt="logo" width="900" height="120" usemap="#Map" border="0"/>

        <!--    <map name="Map" id="Map">-->
        <!--        <area shape="rect" coords="826,82,884,100" href="/express/2016.html?head=0" target="mainFrame"/>-->
        <!--        <area shape="rect" coords="2,78,21,104" href="/express/index.html" target="mainFrame"/>-->
        <!--    </map>-->


    </center>
    <form id="sub" name="form" cms-validate cms-view action="">
        <p>&nbsp;</p>
        <p  >



            <a href="">

                <img src="img/2016-0012fmd.png" width=435 height=538 border="0" alt=""/>

            </a>

        </p>



        <div class="subscribe">

                <input  id="suber" type="text" class="text" placeholder="邮箱" name="email">

            <input type="button" value="订 阅" class="sbe"  onclick="addScriber()">

        </div>

        <br/>

        <br/>

        <br/>

    </form>
</div>
<script>
    function addScriber() {
        let data = {mail:$("#suber").val()}
        Vue.http.post('/addSubscriber',data,{emulateJSON:true})
            .then((res)=>{
                layer.msg(res.data.message);
            },(error)=>{
                console.log(error);
            });
    }
</script>

</body>
</html>